	{assign "color" "whiteSmoke"}
{if $ranking == 1}
	{assign "borderColor" "gold"}
	{assign "color" "#333"}
{elseif $ranking == 2}
	{assign "borderColor" "silver"}

{elseif $ranking == 3}
	{assign "borderColor" "peru"}
{else}
	{assign "borderColor" "#333"}
{/if}

<div style="border: 2px solid {$borderColor}; border-radius: 5px; background-image:url({$avatarSrc}); background-position: top center;">
<!-- 	<img src="{$avatarSrc}" alt="Avatar"> -->
	<div
		style="margin-top: 140px; line-height:20px; background-color: {$borderColor}; font-size: 12px; text-align: center; color: {$color};">
		Ranking:&nbsp;<strong>{$ranking}.</strong></div>
</div>